<template>
  <div class="frontend-components">
    <!-- 内容展示区域 -->
    <div class="component-content">
      <router-view></router-view>
    </div>
  </div>
</template>

<script setup lang="ts">
// 移除不需要的导入和逻辑
</script>

<style scoped>
.frontend-components {
  padding: 0;
}

.component-content {
  background: white;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  min-height: 400px;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .component-content {
    padding: 20px 16px;
  }
}
</style>